.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
html .index-wrapper,
body .index-wrapper {
  padding-top: 1.386666666666667rem;
}
html .index-wrapper .header-wrapper,
body .index-wrapper .header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  background: #fcfcfc;
  z-index: 9;
  height: 1.386666666666667rem;
  padding: 0 0.573333333333333rem 0 0.64rem;
  font-size: 0;
}
html .index-wrapper .header-wrapper .sex-wrapper div,
body .index-wrapper .header-wrapper .sex-wrapper div {
  font-size: 0.4rem;
  color: #999;
  height: 1.386666666666667rem;
  line-height: 1.386666666666667rem;
}
html .index-wrapper .header-wrapper .sex-wrapper div.active,
body .index-wrapper .header-wrapper .sex-wrapper div.active {
  color: #fa4747;
  font-size: 0.426666666666667rem;
}
html .index-wrapper .header-wrapper .sex-wrapper div.active .line,
body .index-wrapper .header-wrapper .sex-wrapper div.active .line {
  left: 0.106666666666667rem;
  bottom: 0rem;
  width: 0.64rem;
  height: 0.08rem;
  background: #fa4747;
  border-radius: 0.08rem;
}
html .index-wrapper .header-wrapper .sex-wrapper .male-btn,
body .index-wrapper .header-wrapper .sex-wrapper .male-btn {
  margin-left: 0.653333333333333rem;
}
html .index-wrapper .header-wrapper .search-wrapper,
body .index-wrapper .header-wrapper .search-wrapper {
  width: 4rem;
  height: 0.373333333333333rem;
  background: #f0f0f0;
  margin-left: 2.133333333333333rem;
  padding: 0.16rem 0rem 0.213333333333333rem 0.333333333333333rem;
  color: #999;
  font-size: 0.32rem;
  border-radius: 0.373333333333333rem;
}
html .index-wrapper .header-wrapper .search-wrapper .search-icon,
body .index-wrapper .header-wrapper .search-wrapper .search-icon {
  width: 0.426666666666667rem;
  height: 0.453333333333333rem;
  bottom: 0.133333333333333rem;
  right: 0.4rem;
  background: url("../img/search-icon.png") no-repeat center center;
  background-size: 0.426666666666667rem 0.453333333333333rem;
}
html .index-wrapper .header-wrapper .book-shelf-btn-wrapper,
body .index-wrapper .header-wrapper .book-shelf-btn-wrapper {
  font-size: 0.4rem;
  margin-left: 0.4rem;
}
html .index-wrapper .banner-wrapper img,
body .index-wrapper .banner-wrapper img {
  width: 100%;
  vertical-align: bottom;
  pointer-events: none;
}
html .index-wrapper .banner-wrapper .swiper-pagination-bullet,
body .index-wrapper .banner-wrapper .swiper-pagination-bullet {
  background: #9aabb2;
  opacity: 1;
}
html .index-wrapper .banner-wrapper .swiper-pagination-bullet-active,
body .index-wrapper .banner-wrapper .swiper-pagination-bullet-active {
  width: 0.4rem;
  height: 0.186666666666667rem;
  background: #fff;
  border-radius: 0.106666666666667rem;
  position: relative;
  top: -0.026666666666667rem;
}
html .index-wrapper .broadcast-wrapper,
body .index-wrapper .broadcast-wrapper {
  font-size: 0;
  height: 0.426666666666667rem;
  padding: 0.453333333333333rem 0 0.4rem 0.533333333333333rem;
}
html .index-wrapper .broadcast-wrapper .title,
body .index-wrapper .broadcast-wrapper .title {
  width: 1.76rem;
  height: 0.426666666666667rem;
  background: url("../img/broadcast-title.png") no-repeat center center;
  background-size: 1.76rem 0.426666666666667rem;
}
html .index-wrapper .broadcast-wrapper .broadcast,
body .index-wrapper .broadcast-wrapper .broadcast {
  margin-left: 0.4rem;
  width: 7.306666666666667rem;
  height: 0.426666666666667rem;
  vertical-align: top;
  overflow: hidden;
}
html .index-wrapper .broadcast-wrapper .broadcast .swiper-container p,
body .index-wrapper .broadcast-wrapper .broadcast .swiper-container p {
  height: 0.426666666666667rem;
  color: #ba810e;
  font-size: 0.32rem;
}
html .index-wrapper .tab-wrapper,
body .index-wrapper .tab-wrapper {
  padding: 0.4rem 1.133333333333333rem;
  font-size: 0;
}
html .index-wrapper .tab-wrapper li,
body .index-wrapper .tab-wrapper li {
  font-size: 0.346666666666667rem;
  width: 1.333333333333333rem;
  margin-right: 0.8rem;
}
html .index-wrapper .tab-wrapper li div,
body .index-wrapper .tab-wrapper li div {
  height: 1.066666666666667rem;
}
html .index-wrapper .tab-wrapper li p,
body .index-wrapper .tab-wrapper li p {
  margin-top: 0.266666666666667rem;
}
html .index-wrapper .tab-wrapper .recharge div,
body .index-wrapper .tab-wrapper .recharge div {
  background: url("../img/recharge-icon.png") no-repeat center center;
  background-size: 0.946666666666667rem 0.986666666666667rem;
}
html .index-wrapper .tab-wrapper .limit div,
body .index-wrapper .tab-wrapper .limit div {
  background: url("../img/limit-icon.png") no-repeat center center;
  background-size: 1.066666666666667rem 1.053333333333333rem;
}
html .index-wrapper .tab-wrapper .vip div,
body .index-wrapper .tab-wrapper .vip div {
  background: url("../img/rank-icon.png") no-repeat center center;
  background-size: 1.12rem 0.906666666666667rem;
}
html .index-wrapper .tab-wrapper .sign,
body .index-wrapper .tab-wrapper .sign {
  margin-right: 0;
}
html .index-wrapper .tab-wrapper .sign div,
body .index-wrapper .tab-wrapper .sign div {
  background: url("../img/sign-icon.png") no-repeat center center;
  background-size: 0.72rem 0.986666666666667rem;
}
html .index-wrapper .select-wrapper,
body .index-wrapper .select-wrapper {
  padding: 0.533333333333333rem 0.533333333333333rem;
  font-size: 0;
}
html .index-wrapper .select-wrapper .left-wrapper,
body .index-wrapper .select-wrapper .left-wrapper {
  vertical-align: top;
  width: 3.44rem;
}
html .index-wrapper .select-wrapper .left-wrapper .title h2,
body .index-wrapper .select-wrapper .left-wrapper .title h2 {
  font-size: 0.453333333333333rem;
  margin-bottom: 0.213333333333333rem;
  width: 2.8rem;
  height: 0.8rem;
  background: url("../img/jinbao.png") no-repeat center center;
  background-size: 2.8rem auto;
}
html .index-wrapper .select-wrapper .left-wrapper .title p,
body .index-wrapper .select-wrapper .left-wrapper .title p {
  font-size: 0.32rem;
  color: #666;
  margin-bottom: 0.266666666666667rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .index-wrapper .select-wrapper .left-wrapper .cover,
body .index-wrapper .select-wrapper .left-wrapper .cover {
  width: 3.44rem;
  height: 4.346666666666667rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .index-wrapper .select-wrapper .right-wrapper,
body .index-wrapper .select-wrapper .right-wrapper {
  margin-left: 1.493333333333333rem;
  width: 4rem;
}
html .index-wrapper .select-wrapper .right-wrapper .top-wrapper,
body .index-wrapper .select-wrapper .right-wrapper .top-wrapper {
  margin-bottom: 0.533333333333333rem;
}
html .index-wrapper .select-wrapper .right-wrapper .top-wrapper .title h2,
body .index-wrapper .select-wrapper .right-wrapper .top-wrapper .title h2 {
  font-size: 0.346666666666667rem;
  margin-bottom: 0.213333333333333rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .index-wrapper .select-wrapper .right-wrapper .top-wrapper .title p,
body .index-wrapper .select-wrapper .right-wrapper .top-wrapper .title p {
  font-size: 0.32rem;
  color: #666;
  margin-bottom: 0.213333333333333rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .index-wrapper .select-wrapper .right-wrapper .top-wrapper .cover,
body .index-wrapper .select-wrapper .right-wrapper .top-wrapper .cover {
  width: 4rem;
}
html .index-wrapper .select-wrapper .right-wrapper .bottom-wrapper .title h2,
body .index-wrapper .select-wrapper .right-wrapper .bottom-wrapper .title h2 {
  font-size: 0.346666666666667rem;
  margin-bottom: 0.213333333333333rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .index-wrapper .select-wrapper .right-wrapper .bottom-wrapper .title p,
body .index-wrapper .select-wrapper .right-wrapper .bottom-wrapper .title p {
  font-size: 0.32rem;
  color: #666;
  margin-bottom: 0.213333333333333rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .index-wrapper .select-wrapper .right-wrapper .bottom-wrapper .cover,
body .index-wrapper .select-wrapper .right-wrapper .bottom-wrapper .cover {
  width: 4rem;
}
html .index-wrapper .recommend-wrapper,
body .index-wrapper .recommend-wrapper {
  padding: 0.533333333333333rem 0.533333333333333rem 0.4rem 0.533333333333333rem;
}
html .index-wrapper .recommend-wrapper .header .title,
body .index-wrapper .recommend-wrapper .header .title {
  font-size: 0;
  margin-bottom: 0.506666666666667rem;
}
html .index-wrapper .recommend-wrapper .header .title .title-icon,
body .index-wrapper .recommend-wrapper .header .title .title-icon {
  width: 0.48rem;
  height: 0.506666666666667rem;
  background: url("../img/recomend-icon.png") no-repeat center center;
  background-size: 0.48rem 0.506666666666667rem;
  margin-right: 0.533333333333333rem;
}
html .index-wrapper .recommend-wrapper .header .title span,
body .index-wrapper .recommend-wrapper .header .title span {
  font-size: 0.453333333333333rem;
  vertical-align: top;
}
html .index-wrapper .recommend-wrapper .recommend-content,
body .index-wrapper .recommend-wrapper .recommend-content {
  font-size: 0;
}
html .index-wrapper .recommend-wrapper .recommend-content li,
body .index-wrapper .recommend-wrapper .recommend-content li {
  margin-right: 0.453333333333333rem;
  vertical-align: top;
}
html .index-wrapper .recommend-wrapper .recommend-content li:last-child,
body .index-wrapper .recommend-wrapper .recommend-content li:last-child {
  margin-right: 0rem;
}
html .index-wrapper .recommend-wrapper .recommend-content li div,
body .index-wrapper .recommend-wrapper .recommend-content li div {
  width: 2.666666666666667rem;
  height: 3.386666666666667rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .index-wrapper .recommend-wrapper .recommend-content li p,
body .index-wrapper .recommend-wrapper .recommend-content li p {
  font-size: 0.346666666666667rem;
  margin-top: 0.266666666666667rem;
  width: 2.666666666666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html .index-wrapper .recommend-wrapper .recommend-content .swiper-container,
body .index-wrapper .recommend-wrapper .recommend-content .swiper-container {
  overflow: initial;
}
html .index-wrapper .recommend-wrapper .recommend-content .swiper-container .recommend-pagination,
body .index-wrapper .recommend-wrapper .recommend-content .swiper-container .recommend-pagination {
  top: -0.88rem;
  left: 6.8rem;
  width: 2.666666666666667rem;
  height: 0.266666666666667rem;
}
html .index-wrapper .recommend-wrapper .recommend-content .swiper-container .recommend-pagination .swiper-pagination-bullet,
body .index-wrapper .recommend-wrapper .recommend-content .swiper-container .recommend-pagination .swiper-pagination-bullet {
  width: 0.293333333333333rem;
  height: 0.066666666666667rem;
  background: #ccc;
  opacity: 1;
  border-radius: 0;
}
html .index-wrapper .recommend-wrapper .recommend-content .swiper-container .recommend-pagination .swiper-pagination-bullet-active,
body .index-wrapper .recommend-wrapper .recommend-content .swiper-container .recommend-pagination .swiper-pagination-bullet-active {
  background: #f86161;
  height: 0.106666666666667rem;
  border-radius: 0.106666666666667rem;
  position: relative;
  top: 0rem;
}
html .index-wrapper .recommend-wrapper .left-mask,
body .index-wrapper .recommend-wrapper .left-mask {
  left: 0;
  top: 1.466666666666667rem;
  width: 0.533333333333333rem;
  height: 4.64rem;
  background: #fcfcfc;
  z-index: 9;
}
html .index-wrapper .recommend-wrapper .right-mask,
body .index-wrapper .recommend-wrapper .right-mask {
  right: 0;
  top: 1.466666666666667rem;
  width: 0.533333333333333rem;
  height: 4.64rem;
  background: #fcfcfc;
  z-index: 9;
}
html .index-wrapper .hot-wrapper,
body .index-wrapper .hot-wrapper,
html .index-wrapper .new-wrapper,
body .index-wrapper .new-wrapper {
  padding: 0.533333333333333rem 0.533333333333333rem 0.4rem 0.533333333333333rem;
}
html .index-wrapper .hot-wrapper .header,
body .index-wrapper .hot-wrapper .header,
html .index-wrapper .new-wrapper .header,
body .index-wrapper .new-wrapper .header {
  margin-bottom: 0.506666666666667rem;
}
html .index-wrapper .hot-wrapper .header .title,
body .index-wrapper .hot-wrapper .header .title,
html .index-wrapper .new-wrapper .header .title,
body .index-wrapper .new-wrapper .header .title {
  font-size: 0;
}
html .index-wrapper .hot-wrapper .header .title .title-icon,
body .index-wrapper .hot-wrapper .header .title .title-icon,
html .index-wrapper .new-wrapper .header .title .title-icon,
body .index-wrapper .new-wrapper .header .title .title-icon {
  width: 0.533333333333333rem;
  height: 0.533333333333333rem;
  background: url("../img/hot-icon.png") no-repeat center center;
  background-size: 0.426666666666667rem 0.506666666666667rem;
  margin-right: 0.533333333333333rem;
}
html .index-wrapper .hot-wrapper .header .title .title-icon.new-title-icon,
body .index-wrapper .hot-wrapper .header .title .title-icon.new-title-icon,
html .index-wrapper .new-wrapper .header .title .title-icon.new-title-icon,
body .index-wrapper .new-wrapper .header .title .title-icon.new-title-icon {
  background: url("../img/new-icon.png") no-repeat center center;
  background-size: 0.533333333333333rem 0.533333333333333rem;
}
html .index-wrapper .hot-wrapper .header .title span,
body .index-wrapper .hot-wrapper .header .title span,
html .index-wrapper .new-wrapper .header .title span,
body .index-wrapper .new-wrapper .header .title span {
  font-size: 0.453333333333333rem;
  vertical-align: top;
}
html .index-wrapper .hot-wrapper .header .more,
body .index-wrapper .hot-wrapper .header .more,
html .index-wrapper .new-wrapper .header .more,
body .index-wrapper .new-wrapper .header .more {
  font-size: 0.346666666666667rem;
  color: #f86161;
  height: 0.586666666666667rem;
  line-height: 0.586666666666667rem;
}
html .index-wrapper .hot-wrapper .header .more .more-icon,
body .index-wrapper .hot-wrapper .header .more .more-icon,
html .index-wrapper .new-wrapper .header .more .more-icon,
body .index-wrapper .new-wrapper .header .more .more-icon {
  width: 0.186666666666667rem;
  height: 0.56rem;
  background: url("../img/more-icon.png") no-repeat center center;
  background-size: 0.186666666666667rem 0.32rem;
  margin-left: 0.133333333333333rem;
  vertical-align: top;
}
html .index-wrapper .hot-wrapper .same-content li,
body .index-wrapper .hot-wrapper .same-content li,
html .index-wrapper .new-wrapper .same-content li,
body .index-wrapper .new-wrapper .same-content li {
  font-size: 0;
  margin-bottom: 0.613333333333333rem;
}
html .index-wrapper .hot-wrapper .same-content li:last-child,
body .index-wrapper .hot-wrapper .same-content li:last-child,
html .index-wrapper .new-wrapper .same-content li:last-child,
body .index-wrapper .new-wrapper .same-content li:last-child {
  margin-bottom: 0rem;
}
html .index-wrapper .hot-wrapper .same-content li .book-cover,
body .index-wrapper .hot-wrapper .same-content li .book-cover,
html .index-wrapper .new-wrapper .same-content li .book-cover,
body .index-wrapper .new-wrapper .same-content li .book-cover {
  width: 2.56rem;
  height: 3.253333333333333rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail,
body .index-wrapper .hot-wrapper .same-content li .book-detail,
html .index-wrapper .new-wrapper .same-content li .book-detail,
body .index-wrapper .new-wrapper .same-content li .book-detail {
  margin-left: 0.32rem;
  width: 6.053333333333334rem;
  vertical-align: top;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .book-name,
body .index-wrapper .hot-wrapper .same-content li .book-detail .book-name,
html .index-wrapper .new-wrapper .same-content li .book-detail .book-name,
body .index-wrapper .new-wrapper .same-content li .book-detail .book-name {
  font-size: 0.426666666666667rem;
  margin-bottom: 0.266666666666667rem;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .book-desc,
body .index-wrapper .hot-wrapper .same-content li .book-detail .book-desc,
html .index-wrapper .new-wrapper .same-content li .book-detail .book-desc,
body .index-wrapper .new-wrapper .same-content li .book-detail .book-desc {
  font-size: 0.346666666666667rem;
  color: #666;
  line-height: 0.533333333333333rem;
  margin-bottom: 0.386666666666667rem;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .book-desc .status,
body .index-wrapper .hot-wrapper .same-content li .book-detail .book-desc .status,
html .index-wrapper .new-wrapper .same-content li .book-detail .book-desc .status,
body .index-wrapper .new-wrapper .same-content li .book-detail .book-desc .status {
  color: #639ff1;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .book-desc .status.finish,
body .index-wrapper .hot-wrapper .same-content li .book-detail .book-desc .status.finish,
html .index-wrapper .new-wrapper .same-content li .book-detail .book-desc .status.finish,
body .index-wrapper .new-wrapper .same-content li .book-detail .book-desc .status.finish {
  color: #f5ba99;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper,
body .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper,
html .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper,
body .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper {
  font-size: 0.293333333333333rem;
  color: #999;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span,
body .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span,
html .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span,
body .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span {
  display: inline-block;
  padding: 0.053333333333333rem 0.08rem;
  line-height: 0.453333333333333rem;
  position: relative;
  vertical-align: top;
  margin-right: 0.186666666666667rem;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after,
body .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after,
html .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after,
body .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #999;
  content: '';
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after,
body .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after,
html .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after,
body .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .cat-wrapper span:after {
  border-radius: 0.213333333333333rem;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click-icon,
body .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click-icon,
html .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click-icon,
body .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click-icon {
  width: 0.426666666666667rem;
  height: 0.586666666666667rem;
  background: url("../img/click-icon.png") no-repeat center center;
  background-size: 0.426666666666667rem 0.266666666666667rem;
  vertical-align: top;
}
html .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click,
body .index-wrapper .hot-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click,
html .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click,
body .index-wrapper .new-wrapper .same-content li .book-detail .cat-and-click .click-wrapper .click {
  font-size: 0.293333333333333rem;
  color: #f8a2a2;
  height: 0.586666666666667rem;
  line-height: 0.64rem;
  margin-left: 0.106666666666667rem;
}
html .index-wrapper .like-wrapper,
body .index-wrapper .like-wrapper {
  padding: 0.533333333333333rem 0.533333333333333rem 0rem 0.533333333333333rem;
}
html .index-wrapper .like-wrapper .header,
body .index-wrapper .like-wrapper .header {
  margin-bottom: 0.506666666666667rem;
}
html .index-wrapper .like-wrapper .header .title,
body .index-wrapper .like-wrapper .header .title {
  font-size: 0;
}
html .index-wrapper .like-wrapper .header .title .title-icon,
body .index-wrapper .like-wrapper .header .title .title-icon {
  width: 0.533333333333333rem;
  height: 0.613333333333333rem;
  background: url("../img/like-icon.png") no-repeat center center;
  background-size: 0.506666666666667rem 0.48rem;
  margin-right: 0.533333333333333rem;
}
html .index-wrapper .like-wrapper .header .title span,
body .index-wrapper .like-wrapper .header .title span {
  font-size: 0.453333333333333rem;
  vertical-align: top;
}
html .index-wrapper .like-wrapper .header .more,
body .index-wrapper .like-wrapper .header .more {
  font-size: 0.346666666666667rem;
  color: #f86161;
  height: 0.586666666666667rem;
  line-height: 0.586666666666667rem;
}
html .index-wrapper .like-wrapper .header .more .more-icon,
body .index-wrapper .like-wrapper .header .more .more-icon {
  width: 0.32rem;
  height: 0.56rem;
  background: url("../img/refresh-icon.png") no-repeat center center;
  background-size: 0.32rem 0.32rem;
  margin-left: 0.133333333333333rem;
  vertical-align: top;
}
html .index-wrapper .like-wrapper .like-content,
body .index-wrapper .like-wrapper .like-content {
  font-size: 0;
}
html .index-wrapper .like-wrapper .like-content li,
body .index-wrapper .like-wrapper .like-content li {
  margin: 0 0.453333333333333rem 0.533333333333333rem 0;
  vertical-align: top;
}
html .index-wrapper .like-wrapper .like-content li:nth-child(3n),
body .index-wrapper .like-wrapper .like-content li:nth-child(3n) {
  margin-right: 0rem;
}
html .index-wrapper .like-wrapper .like-content li div,
body .index-wrapper .like-wrapper .like-content li div {
  width: 2.666666666666667rem;
  height: 3.386666666666667rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .index-wrapper .like-wrapper .like-content li p,
body .index-wrapper .like-wrapper .like-content li p {
  font-size: 0.346666666666667rem;
  margin-top: 0.266666666666667rem;
  width: 2.666666666666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html .index-wrapper .contact-wrapper,
body .index-wrapper .contact-wrapper {
  padding: 0.533333333333333rem 1.466666666666667rem 2rem 1.2rem;
  font-size: 0;
}
html .index-wrapper .contact-wrapper .left-wrapper,
body .index-wrapper .contact-wrapper .left-wrapper {
  width: 3.066666666666667rem;
  margin-right: 2rem;
  font-size: 0.346666666666667rem;
}
html .index-wrapper .contact-wrapper .left-wrapper .time-and-qq,
body .index-wrapper .contact-wrapper .left-wrapper .time-and-qq {
  color: #999;
}
html .index-wrapper .contact-wrapper .left-wrapper .p1,
body .index-wrapper .contact-wrapper .left-wrapper .p1 {
  margin-bottom: 0.16rem;
}
html .index-wrapper .contact-wrapper .left-wrapper .p2,
body .index-wrapper .contact-wrapper .left-wrapper .p2 {
  margin-bottom: 0.266666666666667rem;
}
html .index-wrapper .contact-wrapper .left-wrapper .p3,
body .index-wrapper .contact-wrapper .left-wrapper .p3 {
  margin-bottom: 0.16rem;
}
html .index-wrapper .contact-wrapper .left-wrapper .p4,
body .index-wrapper .contact-wrapper .left-wrapper .p4 {
  margin-bottom: 0.266666666666667rem;
}
html .index-wrapper .contact-wrapper .right-wrapper,
body .index-wrapper .contact-wrapper .right-wrapper {
  vertical-align: top;
  width: 2.24rem;
}
html .index-wrapper .contact-wrapper .right-wrapper p,
body .index-wrapper .contact-wrapper .right-wrapper p {
  color: #999;
  font-size: 0.293333333333333rem;
  margin-bottom: 0.106666666666667rem;
}
html .index-wrapper .contact-wrapper .right-wrapper .qrcode-wrapper,
body .index-wrapper .contact-wrapper .right-wrapper .qrcode-wrapper {
  width: 2.213333333333333rem;
  height: 2.213333333333333rem;
}
html .index-wrapper .bottom-nav-wrapper,
body .index-wrapper .bottom-nav-wrapper {
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.16rem 0.933333333333333rem;
  font-size: 0;
  background: #fff;
  z-index: 9;
}
html .index-wrapper .bottom-nav-wrapper:after,
body .index-wrapper .bottom-nav-wrapper:after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid #e2e2e2;
  content: '';
}
html .index-wrapper .bottom-nav-wrapper li,
body .index-wrapper .bottom-nav-wrapper li {
  width: 1.333333333333333rem;
  font-size: 0.293333333333333rem;
  color: #666;
  margin-right: 0.933333333333333rem;
  text-align: center;
}
html .index-wrapper .bottom-nav-wrapper li:last-child,
body .index-wrapper .bottom-nav-wrapper li:last-child {
  margin-right: 0;
}
html .index-wrapper .bottom-nav-wrapper li.index-li,
body .index-wrapper .bottom-nav-wrapper li.index-li {
  color: #fa4747;
}
html .index-wrapper .bottom-nav-wrapper li div,
body .index-wrapper .bottom-nav-wrapper li div {
  width: 1.333333333333333rem;
  height: 1.013333333333333rem;
}
html .index-wrapper .bottom-nav-wrapper li .shelf-icon-wrapper,
body .index-wrapper .bottom-nav-wrapper li .shelf-icon-wrapper {
  background: url("../img/shelf-icon.png") no-repeat center center;
  background-size: 0.52rem 0.6rem;
}
html .index-wrapper .bottom-nav-wrapper li .index-icon-wrapper,
body .index-wrapper .bottom-nav-wrapper li .index-icon-wrapper {
  background: url("../img/index-icon-active.png") no-repeat center center;
  background-size: 0.613333333333333rem 0.586666666666667rem;
}
html .index-wrapper .bottom-nav-wrapper li .rank-icon-wrapper,
body .index-wrapper .bottom-nav-wrapper li .rank-icon-wrapper {
  background: url("../img/cat-icon.png") no-repeat center center;
  background-size: 0.613333333333333rem 0.613333333333333rem;
}
html .index-wrapper .bottom-nav-wrapper li .mine-icon-wrapper,
body .index-wrapper .bottom-nav-wrapper li .mine-icon-wrapper {
  background: url("../img/mine-icon.png") no-repeat center center;
  background-size: 0.586666666666667rem 0.586666666666667rem;
}
html .index-wrapper .new-sign-wrapper,
body .index-wrapper .new-sign-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 99;
  display: none;
}
html .index-wrapper .new-sign-wrapper .new-sign-content,
body .index-wrapper .new-sign-wrapper .new-sign-content {
  top: 1.866666666666667rem;
  left: 0.893333333333333rem;
  width: 8.213333333333333rem;
  height: 10.826666666666666rem;
  background: url("../img/new-sign-bg.png") no-repeat center center;
  background-size: 8.213333333333333rem 10.826666666666666rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-title,
body .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-title {
  margin-top: 1.946666666666667rem;
  font-size: 0.453333333333333rem;
  color: #111313;
}
html .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-get,
body .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-get {
  width: 5.6rem;
  margin: 0.533333333333333rem 0 0 1.306666666666667rem;
  height: 0.586666666666667rem;
  line-height: 0.586666666666667rem;
  background: #000;
  border-radius: 0.293333333333333rem;
  color: #fff;
  font-family: SimHei;
  font-size: 0.32rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-get .active,
body .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-get .active {
  color: #ffcc41;
}
html .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-get .award-gift,
body .index-wrapper .new-sign-wrapper .new-sign-content .new-sign-get .award-gift {
  display: none;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul,
body .index-wrapper .new-sign-wrapper .new-sign-content ul {
  width: 7.493333333333333rem;
  font-size: 0;
  margin: 0.8rem 0 0 0.533333333333333rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li {
  width: 1.866666666666667rem;
  vertical-align: top;
  margin-top: 0.373333333333333rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li:nth-child(5),
body .index-wrapper .new-sign-wrapper .new-sign-content ul li:nth-child(5) {
  margin-left: 0.933333333333333rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li:nth-child(4) .right-icon,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li:nth-child(4) .right-icon,
html .index-wrapper .new-sign-wrapper .new-sign-content ul li:nth-child(7) .right-icon,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li:nth-child(7) .right-icon {
  opacity: 0;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper {
  width: 1.493333333333333rem;
  height: 1.786666666666667rem;
  font-size: 0.32rem;
  vertical-align: top;
  background: #e8ecf0;
  border-radius: 0.08rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail {
  width: 1.493333333333333rem;
  height: 1.786666666666667rem;
  background: url("../img/sign-coin.png") no-repeat center center;
  background-size: 0.746666666666667rem 0.746666666666667rem;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail.has-gift,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail.has-gift {
  background: url("../img/sign-gift.png") no-repeat center center;
  background-size: 1.653333333333333rem auto;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail .day-num,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail .day-num {
  width: 0.533333333333333rem;
  height: 0.533333333333333rem;
  line-height: 0.533333333333333rem;
  text-align: center;
  font-size: 0.426666666666667rem;
  color: #999;
  font-weight: bolder;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail .award-detail,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail .award-detail {
  width: 150%;
  bottom: 0.053333333333333rem;
  left: -24%;
  color: #f9754c;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform-origin: center center;
  -webkit-transform-origin: center center;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail .award-detail.signed,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .day-detail-wrapper .day-detail .award-detail.signed {
  color: #666;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .right-icon,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .right-icon {
  width: 0.373333333333333rem;
  height: 1.786666666666667rem;
  background: url("../img/next.png") no-repeat center center;
  background-size: 0.106666666666667rem auto;
}
html .index-wrapper .new-sign-wrapper .new-sign-content ul li .right-icon.active,
body .index-wrapper .new-sign-wrapper .new-sign-content ul li .right-icon.active {
  background: url("../img/next-active.png") no-repeat center center;
  background-size: 0.133333333333333rem auto;
}
html .index-wrapper .new-sign-wrapper .new-sign-content .confirm-btn,
body .index-wrapper .new-sign-wrapper .new-sign-content .confirm-btn {
  width: 5.866666666666666rem;
  height: 0.906666666666667rem;
  line-height: 0.933333333333333rem;
  color: #fff;
  font-size: 0.346666666666667rem;
  font-family: SimHei;
  background: #ff6050;
  border-radius: 0.453333333333333rem;
  margin: 0.56rem 0 0 1.2rem;
}
